$(function () {
    var page = 1, currentType = 0;
    var list = [
        "http://api.tianapi.com/topnews/index",
        "http://api.tianapi.com/esports/index",
        "http://api.tianapi.com/nba/index",
        "http://api.tianapi.com/huabian/index",
    ];
    getData();

    //添加tab栏点击事件
    $(".tab li").click(function () {
        //给当前点击对象添加选中样式，其它移除选中样式
        $(this).addClass("current").siblings().removeClass("current");
        // 获取点击索引
        currentType = $(this).index();
        page = 1;
        getData();
    });

    //点击内容的时候 跳转新闻链接
    $(".container").on("click", ".card", function () {
        window.location.href = $(this).data("url");
    })
    //增加变量判断是否加载中
    var isLoading = false;
    //滚动条滚动事件
    $(window).scroll(function () {
        if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
            //如果不处于加载中的状态才发出请求
            if (!isLoading) {
                getData();
            }
        }
    });

    function getData() {
        //设置为加载中
        isLoading = true;
        $.ajax({
            url: `${list[currentType]}?key=7db75f0a8b9e89d93762b622eea1a8f0&page=${page++}`, // 请求路径
            type: "GET", //请求方式
            //请求成功之后的回调
            success: function (data) {
                // 加载结束
                isLoading = false;
                if (data.code == 200) {
                    var html = "";
                    $.each(data.newslist, function (index, item) {
                        html += `<div class="card" data-url="${item.url}">`
                        if (item.picUrl) {
                            html += `<div class="left"><img src="${item.picUrl}" alt=""></div>`
                        }
                        html += `
                            <div class="right">
                                <h5>${item.title}</h5>
                                <div class="sourse-content">
                                    <span>来源：${item.source}</span>
                                    <span>${item.ctime}</span>
                                </div>
                            </div>
                        </div>
                        `
                    })
                    if (page != 2) {
                        $(".container").append(html)
                    }
                    else {
                        $(".container").html(html)
                    }
                }
            },//响应成功后的回调函数
            //表示如果请求响应出现错误，会执行的回调函数
            error: function () {
                alert("出错啦...")
            },
            dataType: "json"//设置接受到的响应数据的格式 text 普通的文本字符串
        });
    }
})